
<%@include file="/WebPages/Includes/header.jsp"%>
<%@include file="/WebPages/Includes/startBody.jsp"%>
<%@include file="/WebPages/Includes/tablesorter.jsp"%>
<%@include file="/WebPages/Includes/navbar.jsp"%>
<%@include file="/WebPages/Includes/startMainContent.jsp"%>
<%@include file="/WebPages/Includes/leftSidebar.jsp"%>
<%@include file="/WebPages/Includes/autocomplete.jsp"%>

<div class="col-lg-8 col-md-8 col-xs-12 col-sm-9">
	<hr>

	<button class="btn btn-primary btn-lg" data-target="#myInsertModal"
		data-toggle="modal">Create Master Class</button>

	<button class="btn btn-danger btn-lg" data-target="#myConfirmModal"
		data-toggle="modal" id="deleteSelectedRows">Delete Selected</button>

	<hr>

	<div class="table-responsive"
		style="overflow-x: auto; overflow-y: auto;" id="tableDiv"></div>
 <select id="classes" onblur="makeAssignmentTable();">
 <option value="classSelect">--Select Class--</option></select>
	<div class="ui-widget">
		<label for="tags">Tags: </label> <input class="tags">
	</div>
	<div>
	<table id="assignmentTable">
	<tr>
	<th>Class</th>
	<th>Teacher Name</th>
	</tr></table></div>
	<!-- Confirm Modal -->
	<div aria-hidden="true" aria-labelledby="myConfirmModalLabel"
		class="modal fade" id="myConfirmModal" role="dialog" tabindex="-1">
		<div class="modal-dialog">
			<div align="center" class="modal-content">
				<div class="modal-header">
					<h4 class="modal-title" id="myConfirmModalLabel">Are you sure?</h4>
				</div>
				<div class="modal-body">
					<button class="btn btn-danger" id="confirmDelete" type="submit">Yes</button>
					<button class="btn btn-primary" id="cancelDelete" type="submit">No</button>
				</div>
			</div>
		</div>
	</div>
	<div class="modal fade bs-example-modal-sm" id="myErrorModal"
		tabindex="-1" role="dialog" aria-labelledby="myErrorModalLabel"
		aria-hidden="true">
		<div class="modal-dialog modal-sm">
			<div class="modal-content" align="center">
				<div class="modal-header">
					<h4 class="modal-title" id="myErrorModalLabel">Error</h4>
				</div>
				<div class="modal-body">
					<div id="ErrorContent"></div>
					<hr />
					<button class="btn btn-primary" id="errorOk" type="submit">Ok</button>
				</div>
			</div>
		</div>
	</div>

</div>

<%@include file="/WebPages/Includes/rightSidebar.jsp"%>
<%@include file="/WebPages/Includes/endMainContent.jsp"%>
<%@include file="/WebPages/Includes/footer.jsp"%>

<!-- custom scripts here -->
<script src="./../../customJS/Moderator/assignTeacherToSubjects.js"></script>

<%@include file="/WebPages/Includes/endBody.jsp"%>